<!--左侧分类开始-->
<div class="cate">
<ul class="uk-list cate-ul" *ngIf="categorys">
    <li class="cate-menu-list over-hidden toggle" [ngClass]="{'first':f}" *ngFor="let category of categorys;let f = first" appHoverShow>
      <a routerLink="cat" *ngFor="let catName of category.name; let i = index;let l = last;">
        <span class="cate-list-name">{{ catName.catename}}</span>
        <span [ngClass]="{'last':l}">/</span>
      </a>
      <div class="content" appHoverShow>
        <div class="grid grid-collapse">
          <div class="width-4-5">
            <div class="cate-channel over-hidden">
              <a href="" class="cate-chanel-link" *ngFor="let z of category.catechanel">{{z.brandName}}
                <i class="iconfont">&#xe61e;</i>
              </a>
            </div>
            <div class="cate-detail">
              <dl class="cate-detail-item" *ngFor="let n of category.cate; let j = index" [ngClass]="{cateitem1:j === 0}">
                <dt class="cate-detail-tit over-hidden">
                  <a class="cate-detail-tit-link" href="">{{n.catename}}
                    <i class="iconfont">&#xe61e;</i>
                  </a>
                </dt>
                <dd class="cate-detail-con">
                  <a
                    class="cate-detail-con-link"
                    *ngFor="let k of n.catechild"
                    href="">
                    {{k.name}}
                  </a>
                </dd>
              </dl>
            </div>
          </div>
          <div class="width-1-5 cate-brand">
            <ul class="grid grid-width-1-2 grid-collapse cate-brand1">
              <li *ngFor="let b of category.cateBrand">
                <a href="" class="cate-brand-a">
                  <img src="{{b.imagePath}}" alt="">
                </a>
              </li>
            </ul>
            <div class="cate-promation">
              <a href="" class="cate-promation-a" *ngFor="let p of category.catePromation">
                <img src="{{p.imagePath}}" alt="">
              </a>
            </div>
          </div>
        </div>
      </div>
    </li>
  </ul>
</div>
<!--左侧分类结束-->
